<!DOCTYPE html>
<html lang="en">
<head>
   <!-- basic -->
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <!-- mobile metas -->
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="viewport" content="initial-scale=1, maximum-scale=1">
   <!-- site metas -->
   <title>DBI</title>
   <meta name="keywords" content="">
   <meta name="description" content="">
   <meta name="author" content="">
   <!-- bootstrap css -->
   <link rel="stylesheet" type="text/css" href="css/bootstrap.min.css">
   <!-- style css -->
   <link rel="stylesheet" type="text/css" href="css/style.css">
   <!-- Responsive-->
   <link rel="stylesheet" href="css/responsive.css">
   <!-- fevicon -->
   <link rel="icon" href="images/fevicon.png" type="image/gif" />
   <!-- Scrollbar Custom CSS -->
   <link rel="stylesheet" href="css/jquery.mCustomScrollbar.min.css">
   <!-- Tweaks for older IEs-->
   <link rel="stylesheet" href="css/font-awesome.css">
   <!-- owl stylesheets -->
   <link rel="stylesheet" href="css/owl.carousel.min.css">
   <link rel="stylesheet" href="css/owl.theme.default.min.css">
   <link rel="stylesheet" href="css/jquery.fancybox.min.css" media="screen">
   <link href="css/gijgo.min.css" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- header section start -->
<div class="header_section">
   <nav class="navbar navbar-expand-lg navbar-light bg-light">
      <a class="logo" href="index.html"><img src="images/logo.png"></a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
         <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarSupportedContent">
         <ul class="navbar-nav mr-auto">
            <li class="nav-item active">
               <a class="nav-link" href="index.html">主页</a>
            </li>
            <li class="nav-item">
               <a class="nav-link" href="收藏.html">收藏</a>
            </li>
            <li class="nav-item">
               <a class="nav-link" href="历史观看.html">历史</a>
            </li>
            <li class="nav-item">
               <a class="nav-link" href="搜索.html">语音搜索</a>
            </li>
            <li class="nav-item">
               <a class="nav-link" href="猜你喜欢.html">猜你喜欢</a>
            </li>
         </ul>
         <div class="search_icon"><a href="登录界面.html"><img src="images/user-icon.png"><span class="padding_left_15">登录</span></a></div>
         <div class="search_icon"><a href="register.html"><img src="images/user-icon.png"><span class="padding_left_15">注册</span></a></div>
         <div class="search_icon"><a href="搜索.html"><img src="images/search-icon.png"><span class="padding_left_15">搜索...</span></a></div>
      </div>
   </nav>
</div>
<!-- header section end -->
<!-- banner section end -->
<div class="banner_section layout_padding">
   <div class="container">
      <div class="row">
         <div class="col-md-6">
            <div class="banner_taital">Hi时光网：<br>让电影遇见生活</div>

            <div class="see_bt"><a href="登录界面.html">登录</a></div>

         </div>
         <div class="col-md-6">
            <div class="play_icon" onclick="bf()"><a href="#"><img src="images/play-icon.png"></a></div>
         </div>
      </div>
   </div>
</div>
<!-- banner section end -->
<!-- arrival section start -->

<!-- arrival section end -->
<!-- movies section start -->
<div class="movies_section layout_padding">
   <div class="container">
      <div class="movies_menu">
         <ul>
            <li class="active"><a href="#">热门影视</a></li>
            <li><a href="科幻电影.html">科幻电影</a></li>
            <li><a href="爱情电影.html">爱情电影</a></li>
            <li><a href="动画电影.html">动画电影</a></li>
            <li><a href="战争电影.html">战争电影</a></li>
            <li><a href="恐怖电影.html">恐怖电影</a></li>
            <li><a href="悬疑电影.html">悬疑电影</a></li>

         </ul>
      </div>
      <div class="movies_section_2 layout_padding">
         <h2 class="letest_text">热门推荐</h2>
         <div class="seemore_bt"><a href="#">See More</a></div>
         <div class="movies_main">
            <div class="iamge_movies_main">

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-3.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">盗梦空间</h1>
                  <p class="there_text">你的梦境就是犯罪现场</p>
                  <p class="there_text">总评分：8.9</p>
               </div>

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-4.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">泰坦尼克号</h1>
                  <p class="there_text">影史经典爱情电影</p>
                  <p class="there_text">总评分：8.9</p>
               </div>

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-5.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">千与千寻</h1>
                  <p class="there_text">10岁少女的异世界之旅</p>
                  <p class="there_text">总评分：8.4</p>
               </div>

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-6.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">阿凡达</h1>
                  <p class="there_text">第67届金球奖最佳影片</p>
                  <p class="there_text">总评分：8.7</p>
               </div>

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-7.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">指环王：王者无敌</h1>
                  <p class="there_text">史诗般的中土世界</p>
                  <p class="there_text">总评分：8.6</p>
               </div>
            </div>
         </div>
      </div>

      <div class="movies_section_2 layout_padding">
         <div class="seemore_bt"><a href="#">See More</a></div>
         <div class="movies_main">
            <div class="iamge_movies_main">
               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-8.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">拯救大兵瑞恩</h1>
                  <p class="there_text">诺曼底登陆战役的传奇</p>
                  <p class="there_text">总评分：8.4</p>
               </div>

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-9.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">情书</h1>
                  <p class="there_text">岩井俊二经典佳作</p>
                  <p class="there_text">总评分：8.4</p>
               </div>

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-10.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">让子弹飞</h1>
                  <p class="there_text">民国年间乱世英雄</p>
                  <p class="there_text">总评分：8.3</p>
               </div>

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-11.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">变形金刚3</h1>
                  <p class="there_text">变形金刚经典系列电影</p>
                  <p class="there_text">总评分：7.7</p>
               </div>

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-12.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">肖申克的救赎</h1>
                  <p class="there_text">有一种鸟，它的每片羽毛都散发着自由的光芒！</p>
                  <p class="there_text">总评分：9.1</p>
               </div>
            </div>
         </div>
      </div>
      <div class="movies_section_2 layout_padding">
         <div class="seemore_bt"><a href="#">See More</a></div>
         <div class="movies_main">
            <div class="iamge_movies_main">
               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-13.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">人鬼情未了</h1>
                  <p class="there_text">在北美至今仍是票房仅次于《泰坦尼克号》的爱情片</p>
                  <p class="there_text">总评分：8.0</p>
               </div>

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-14.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">2012</h1>
                  <p class="there_text">世界级灾难大片</p>
                  <p class="there_text">总评分：7.8</p>
               </div>

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-15.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">西游记之大圣归来</h1>
                  <p class="there_text">大闹天宫后四百年多年，齐天大圣成了一个传说...</p>
                  <p class="there_text">总评分：8.3</p>
               </div>

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-16.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">星际穿越</h1>
                  <p class="there_text">IMAX体验最好的电影TOP10</p>
                  <p class="there_text">总评分：8.8</p>
               </div>

               <div class="iamge_movies">
                  <div class="image_3">
                     <img src="images/img-17.png" class="image" style="width:100%">
                     <div class="middle">
                        <div class="playnow_bt">Download Now</div>
                     </div>
                  </div>
                  <h1 class="code_text">霸王别姬</h1>
                  <p class="there_text">绝代芳华的谢幕</p>
                  <p class="there_text">总评分：8.9</p>
               </div>
            </div>
         </div>
      </div>
      <div class="seebt_1"><a href="#">回到顶部</a></div>
   </div>
</div>
<!-- movies section end -->

<!-- footer  section start -->
<div class="footer_section layout_padding">
   <div class="container">
      <div class="footer_menu">
         <ul>
            <li><a href="index.html">热门影视</a></li>
            <li><a href="科幻电影.html">科幻电影</a></li>
            <li><a href="爱情电影.html">爱情电影</a></li>
            <li><a href="动画电影.html">动画电影</a></li>
            <li><a href="战争电影.html">战争电影</a></li>
            <li><a href="恐怖电影.html">恐怖电影</a></li>
            <li><a href="悬疑电影.html">悬疑电影</a></li>
         </ul>
      </div>
      <div class="social_icon">
         <ul>
            <li><a href="http://www.facebook.com/"><img src="images/fb-icon.png"></a></li>
            <li><a href="https://twitter.com/"><img src="images/twitter-icon.png"></a></li>
            <li><a href="https://news.linkedin.com/"><img src="images/linkedin-icon.png"></a></li>
            <li><a href="https://www.instagram.com"><img src="images/instagram-icon.png"></a></li>
         </ul>
      </div>
   </div>
</div>
<!-- footer  section end -->

<!-- Javascript files-->
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/jquery-3.0.0.min.js"></script>
<!-- sidebar -->
<script src="js/jquery.mCustomScrollbar.concat.min.js"></script>
<script src="js/custom.js"></script>
<!-- javascript -->
<script src="js/owl.carousel.js"></script>
<script src="js/jquery.fancybox.min.js"></script>
<script src="js/gijgo.min.js" type="text/javascript"></script>
<script src="https://cdn.bootcdn.net/ajax/libs/layer/3.5.1/layer.js"></script>
<script>
   $('#datepicker').datepicker({
      uiLibrary: 'bootstrap4'
   });

   //页面层-自定义
   function bf() {
      layer.open({
         type: 1,
         title: false,
         closeBtn: 0,
         shadeClose: true,
         skin: 'yourclass',
         content: `<video id="video" poster='img' style='height: 600px' src='mp4/PV.mp4' preload="auto" controls="controls" autoplay="autoplay"></video>`
      });
   }

</script>
</body>
</html>
